body {margin: 0px;padding: 0px;color: #000000;font-family:"微软雅黑","Calibri",Georgia,"Times New Roman", Times, serif;font-size:12px;line-height:1.5em;}
div,ul,img,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;border:none;}
i{margin:0px 10px 0px 0px;}
p{line-height:1.5em;}
a,a:link,a:visited,a:hover{outline:none;cursor:pointer;text-decoration:none;font-family:"微软雅黑","Calibri",Georgia,"Times New Roman", Times, serif;}
a:hover{color:red;text-decoration:underline;}
.overflow{overflow:hidden;}
.fixed{position:fixed;}
.absolute{position:absolute;}
.relative{position:relative;}
.newline{clear:both;width:100%;height:0px;font-size:0px;margin:0px;padding:0px;background:white;}
.inline-block{display:inline-block;}
.noborder ,.noborder div,.noborder a,.noborder a:link,.noborder a:visited{border:none;}
.hide{display:none;}
.show{display:block;}
/* end of public style */

/* indent style */

.indent-1{text-indent:1em;}
.indent-2{text-indent:2em;}

/* end of indent style */

/* cursor style */

.cursor-default{cursor:default;}
.cursor-hand{cursor:hand;}
.cursor-move{cursor:move;}
.cursor-pointer{cursor:pointer;}

/* end of cursor style */

/* panel style */

.panel{width:100%;overflow:hidden;background:white;}
.panel .client{width:1100px;margin:0px auto;overflow:hidden;word-wrap:break-word;}
.panel .client-auto{width:100%;min-width:600px;overflow:hidden;word-wrap:break-word;}

.left-panel{width:20%;height:100%;overflow:hidden;}
.right-panel{width:80%;min-height:600px;overflow:hidden;}

/* end of panel style */

/* border style */

.rds-2{-webkit-border-radius:2px;border-radius:2px;}
.rds-4{-webkit-border-radius:4px;border-radius:4px;}
.rds-6{-webkit-border-radius:6px;border-radius:6px;}
.rds-8{-webkit-border-radius:6px;border-radius:6px;}
.rds-10{-webkit-border-radius:10px;border-radius:10px;}

.border{border-width:1px;}
.border-1{border-width:1px;}
.border-2{border-width:2px;}
.border-3{border-width:3px;}
.border-4{border-width:4px;}
.border-5{border-width:5px;}

.b-solid{border-style:solid;}
.b-dashed{border-style:dashed;}

.b-t-1{border-width:1px 0px 0px 0px;}
.b-t-2{border-width:2px 0px 0px 0px;}
.b-t-3{border-width:3px 0px 0px 0px;}
.b-t-4{border-width:4px 0px 0px 0px;}
.b-t-5{border-width:5px 0px 0px 0px;}

.b-l-1{border-width:0px 0px 0px 1px;}
.b-l-2{border-width:0px 0px 0px 2px;}
.b-l-3{border-width:0px 0px 0px 3px;}
.b-l-4{border-width:0px 0px 0px 4px;}
.b-l-5{border-width:0px 0px 0px 5px;}

.b-r-1{border-width:0px 1px 0px 0px;}
.b-r-2{border-width:0px 2px 0px 0px;}
.b-r-3{border-width:0px 3px 0px 0px;}
.b-r-4{border-width:0px 4px 0px 0px;}
.b-r-5{border-width:0px 5px 0px 0px;}

.b-b-1{border-width:0px 0px 1px 0px;}
.b-b-2{border-width:0px 0px 2px 0px;}
.b-b-3{border-width:0px 0px 3px 0px;}
.b-b-4{border-width:0px 0px 4px 0px;}
.b-b-5{border-width:0px 0px 5px 0px;}

.b-red{border-color:red;}
.b-green{border-color:#008800;}
.b-blue{border-color:#468CFF;}
.b-yellow{border-color:#FF7E00;}

.b-gray{border-color:#E1E1E1;}
.b-gray-1{border-color:#ccc;}
.b-gray-2{border-color:#999;}
.b-gray-3{border-color:#666;}
.b-gray-4{border-color:#444;}
.b-gray-5{border-color:#333;}

.b-black{border-color:black;}

.b-t-gray{border-top-color:#E1E1E1;}
.b-t-gray-1{border-top-color:#ccc;}
.b-t-gray-2{border-top-color:#999;}
.b-t-gray-3{border-top-color:#666;}
.b-t-gray-4{border-top-color:#444;}
.b-t-gray-5{border-top-color:#333;}

.b-l-gray{border-left-color:#E1E1E1;}
.b-l-gray-1{border-left-color:#ccc;}
.b-l-gray-2{border-left-color:#999;}
.b-l-gray-3{border-left-color:#666;}
.b-l-gray-4{border-left-color:#444;}
.b-l-gray-5{border-left-color:#333;}

.b-r-gray{border-right-color:#E1E1E1;}
.b-r-gray-1{border-right-color:#ccc;}
.b-r-gray-2{border-right-color:#999;}
.b-r-gray-3{border-right-color:#666;}
.b-r-gray-4{border-right-color:#444;}
.b-r-gray-5{border-right-color:#333;}

.b-b-gray{border-bottom-color:#E1E1E1;}
.b-b-gray-1{border-bottom-color:#ccc;}
.b-b-gray-2{border-bottom-color:#999;}
.b-b-gray-3{border-bottom-color:#666;}
.b-b-gray-4{border-bottom-color:#444;}
.b-b-gray-5{border-bottom-color:#333;}

.b-t-black{border-top-color:black;}
.b-l-black{border-left-color:black;}
.b-r-black{border-right-color:black;}
.b-b-black{border-bottom-color:black;}

/* end of border style */

/* float style */

.fl{float:left;}
.fr{float:right;}
.fc{margin:0px auto;}

.img_fl{float:left;margin-right:10px;}
.img_fr{float:right;margin-left:10px;}

/* end of float style */

/* width style */

.w-50{width:50px;}
.w-55{width:55px;}
.w-60{width:60px;}
.w-65{width:65px;}
.w-70{width:70px;}
.w-75{width:75px;}
.w-80{width:80px;}
.w-85{width:85px;}
.w-90{width:90px;}
.w-95{width:95px;}
.w-100{width:100px;}
.w-110{width:110px;}
.w-150{width:150px;}
.w-200{width:200px;}
.w-210{width:210px;}
.w-250{width:250px;}
.w-260{width:260px;}
.w-270{width:270px;}
.w-280{width:280px;}
.w-290{width:290px;}
.w-300{width:300px;}
.w-350{width:350px;}
.w-380{width:380px;}
.w-390{width:390px;}
.w-400{width:400px;}
.w-420{width:420px;}
.w-450{width:450px;}
.w-500{width:500px;}
.w-550{width:550px;}
.w-600{width:600px;}
.w-650{width:650px;}
.w-700{width:700px;}
.w-800{width:800px;}
.w-900{width:900px;}
.w-1000{width:1000px;}

.w-auto-10{width:10%;}
.w-auto-20{width:20%;}
.w-auto-30{width:30%;}
.w-auto-40{width:40%;}
.w-auto-50{width:50%;}
.w-auto-60{width:60%;}
.w-auto-70{width:70%;}
.w-auto-80{width:80%;}
.w-auto-90{width:90%;}
.w-auto-100{width:100%;}

.w-min-100{min-width:100px;}
.w-min-220{min-width:220px;}
/* height style */

.h-10{height:10px;}
.h-15{height:15px;}
.h-20{height:20px;}
.h-25{height:25px;}
.h-30{height:30px;}
.h-35{height:35px;}
.h-40{height:40px;}
.h-45{height:45px;}
.h-50{height:50px;}
.h-55{height:55px;}
.h-60{height:60px;}
.h-65{height:65px;}
.h-70{height:70px;}
.h-75{height:75px;}
.h-80{height:80px;}
.h-85{height:85px;}
.h-90{height:90px;}
.h-95{height:95px;}
.h-100{height:100px;}
.h-110{height:110px;}
.h-120{height:120px;}
.h-130{height:130px;}
.h-140{height:140px;}
.h-150{height:150px;}
.h-160{height:160px;}
.h-170{height:170px;}
.h-180{height:180px;}
.h-190{height:190px;}
.h-200{height:200px;}
.h-250{height:250px;}
.h-300{height:300px;}
.h-350{height:350px;}
.h-400{height:400px;}
.h-450{height:450px;}
.h-500{height:500px;}
.h-550{height:550px;}
.h-600{height:600px;}

.h-auto{height:100%;}

.h-min-50{min-height:50px;}
.h-min-100{min-height:100px;}
.h-min-200{min-height:200px;}
.h-min-300{min-height:300px;}
.h-min-400{min-height:400px;}
.h-min-500{min-height:500px;}
.h-min-600{min-height:600px;}
.h-min-800{min-height:800px;}

/* end of height style */

/* line height style */

.line-10{height:10px;line-height:10px;}
.line-20{height:20px;line-height:20px;}
.line-30{height:30px;line-height:30px;}
.line-40{height:40px;line-height:40px;}
.line-50{height:50px;line-height:50px;}
.line-60{height:60px;line-height:60px;}

/* end of line height style */

/* margin style */

.m-l-10{margin-left:10px;}
.m-l-20{margin-left:20px;}
.m-l-30{margin-left:30px;}
.m-l-40{margin-left:40px;}
.m-l-50{margin-left:50px;}
.m-l-60{margin-left:60px;}
.m-l-70{margin-left:70px;}
.m-l-80{margin-left:80px;}
.m-l-90{margin-left:90px;}
.m-l-100{margin-left:100px;}
.m-l-800{margin-left:800px;}

.m-r-10{margin-right:10px;}
.m-r-20{margin-right:20px;}
.m-r-30{margin-right:30px;}
.m-r-40{margin-right:40px;}
.m-r-50{margin-right:50px;}
.m-r-60{margin-right:60px;}
.m-r-70{margin-right:70px;}
.m-r-80{margin-right:80px;}
.m-r-90{margin-right:90px;}
.m-r-100{margin-right:100px;}

.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-t-20{margin-top:20px;}
.m-t-30{margin-top:30px;}
.m-t-40{margin-top:40px;}
.m-t-50{margin-top:50px;}
.m-t-60{margin-top:60px;}
.m-t-70{margin-top:70px;}
.m-t-80{margin-top:80px;}
.m-t-90{margin-top:90px;}
.m-t-100{margin-top:100px;}
.m-t-150{margin-top:150px;}
.m-t-300{margin-top:300px;}

.m-b-10{margin-bottom:10px;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-b-40{margin-bottom:40px;}
.m-b-50{margin-bottom:50px;}
.m-b-60{margin-bottom:60px;}
.m-b-70{margin-bottom:70px;}
.m-b-80{margin-bottom:80px;}
.m-b-90{margin-bottom:90px;}
.m-b-100{margin-bottom:100px;}

/* end of margin style */

/* padding style */
.pd-lr-5{padding-left:5px;padding-right:5px;}
.pd-lr-10{padding-left:10px;padding-right:10px;}
.pd-lr-15{padding-left:15px;padding-right:15px;}
.pd-lr-20{padding-left:20px;padding-right:20px;}

.pd-l-5{padding-left:5px;}
.pd-l-10{padding-left:10px;}
.pd-l-15{padding-left:15px;}
.pd-l-20{padding-left:20px;}

.pd-r-5{padding-right:5px;}
.pd-r-10{padding-right:10px;}
.pd-r-15{padding-right:15px;}
.pd-r-20{padding-right:20px;}

.pd-t-5{padding-top:5px;}
.pd-t-10{padding-top:10px;}
.pd-t-15{padding-top:15px;}
.pd-t-20{padding-top:20px;}

.pd-b-5{padding-bottom:5px;}
.pd-b-10{padding-bottom:10px;}
.pd-b-15{padding-bottom:15px;}
.pd-b-20{padding-bottom:20px;}
.pd-b-30{padding-bottom:30px;}

.pd-5{padding:5px;}
.pd-10{padding:10px;}
.pd-15{padding:15px;}
.pd-20{padding:20px;}

/* end of padding style */

/* top style */

.t-0{top:0px;}
.t-10{top:10px;}
.t-20{top:20px;}
.t-30{top:30px;}
.t-40{top:40px;}
.t-50{top:50px;}
.t-100{top:100px;}
.t-140{top:140px;}

/* end of top style */

/* left style */

.l-0{left:0px;}
.l-10{left:10px;}
.l-20{left:20px;}
.l-30{left:30px;}
.l-40{left:40px;}
.l-50{left:50px;}

/* end of left style */

/* right style */

.r-0{right:0px;}
.r-10{right:10px;}
.r-20{right:20px;}
.r-30{right:30px;}
.r-40{right:40px;}
.r-50{right:50px;}

/* end of right style */

/* bottom style */

.b-0{bottom:0px;}
.b-10{bottom:10px;}
.b-20{bottom:20px;}
.b-30{bottom:30px;}
.b-40{bottom:40px;}
.b-50{bottom:50px;}

/* end of bottom style */

/* z-index style */

.z-1000{z-index:1000;}
.z-1001{z-index:1001;}
.z-1002{z-index:1002;}
.z-1003{z-index:1003;}
.z-1004{z-index:1004;}
.z-1005{z-index:1005;}
.z-1006{z-index:1006;}
.z-1007{z-index:1007;}
.z-1008{z-index:1008;}
.z-1009{z-index:1009;}

/* end of z-index style */

/* font style */

.f-red{color:red;}
.f-red a,.f-red a:link,.f-red a:visited{color:red;}

.f-green{color:#008800;}
.f-green a,.f-green a:link,.f-green a:visited{color:#008800;}

.f-blue{color:#468CFF;}
.f-blue a,.f-blue a:link,.f-blue a:visited{color:#468CFF;}

.f-white{color:white;}
.f-white a,.f-white a:link,.f-white a:visited{color:white;}

.f-yellow{color:#FF7E00;}
.f-yellow a,.f-yellow a:link,.f-yellow a:visited{color:#FF7E00;}

.f-gray-1{color:#eee;}
.f-gray-1 a,.f-gray-1 a:link,.f-gray-1 a:visited{color:#eee;}
.f-gray-2{color:#ccc;}
.f-gray-2 a,.f-gray-2 a:link,.f-gray-2 a:visited{color:#ccc;}
.f-gray-3{color:#999;}
.f-gray-3 a,.f-gray-3 a:link,.f-gray-3 a:visited{color:#999;}
.f-gray-4{color:#666;}
.f-gray-4 a,.f-gray-4 a:link,.f-gray-4 a:visited{color:#666;}
.f-gray-5{color:#333;}
.f-gray-5 a,.f-gray-5 a:link,.f-gray-5 a:visited{color:#333;}

.f-dark-gray{color:#E1E1E1;}
.f-dark-gray a,.f-dark-gray a:link,.f-dark-gray a:visited{color:#999999;}

.f-black{color:black;}
.f-black a,.f-black a:link,.f-black a:visited{color:black;}

.f-bold{font-weight:bold;}
.f-normal{font-weight:normal;}

.f-center{text-align:center;}
.f-left{text-align:left;}
.f-right{text-align:right;}

.f-12{font-size:12px;}
.f-14{font-size:14px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-26{font-size:26px;}
.f-28{font-size:28px;}
.f-30{font-size:30px;}
.f-32{font-size:32px;}
.f-34{font-size:34px;}
.f-36{font-size:36px;}
.f-38{font-size:38px;}
.f-40{font-size:40px;}
.f-42{font-size:42px;}
.f-44{font-size:44px;}
.f-46{font-size:46px;}
.f-48{font-size:48px;}
.f-50{font-size:50px;}

/* end of font style */

/* background style */

.bg-red{background:red;}
.bg-green{background:#008800;}
.bg-green-1{background:#00FF24;}
.bg-blue{background:#468CFF;}
.bg-blue-5{background:#004058;}
.bg-white{background:white;}
.bg-yellow{background:#FF7E00;}
.bg-gray{background:#E1E1E1;}
.bg-gray-1{background:#ccc;}
.bg-gray-2{background:#999;}
.bg-gray-3{background:#666;}
.bg-gray-4{background:#444;}
.bg-gray-5{background:#333;}
.bg-black{background:black;}
.bg-dark-red{background:#580000;}
.bg-dark-green{background:#0E5800;}
.bg-dark-yellow{background:#584600;}
.bg-dark-gray{background:#333333;}
.bg-dark-blue{background:#004058;}

.bg-grade-blue{
    background-image:url(../images/bg_grade_blue.jpg);
}
.bg-grade-bottom{
    background-position-y:bottom;
}
.bg-repeat-x{
	background-repeat:repeat-x;
}
.bg-repeat-y{
	background-repeat:repeat-y;
}

.bg-banner{
	background:url(../images/banner.jpg);
}

/* end of background style */

/* alpha style */

.alpha-10 {filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1;}
.alpha-20 {filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;}
.alpha-30 {filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.alpha-40 {filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.alpha-50 {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.alpha-60 {filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.alpha-70 {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.alpha-80 {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.alpha-90 {filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

/* end of alpha style */

/* page style */

/* title */

.page-title{height:100px;}
.page-title .icon{float:left;line-height:50px;width:30px;height:50px;font-size:28px;font-weight:bold;margin-left:20px;color:#333;}
.page-title .title{float:left;line-height:50px;height:50px;font-size:28px;font-weight:bold;margin-left:20px;color:#333;}
.page-title .small{float:left;line-height:60px;height:50px;font-size:20px;font-weight:bold;margin-left:10px;color:#999;}
.page-title .desc{clear:both;height:20px;line-height:20px;margin-left:20px;color:#555;}
.page-title .tab{float:left;height:30px;margin-left:20px;overflow:hidden;padding-top:8px;}

/* page */

.page{background:#fff;min-height:600px;}

/* control toolbar */

.page .controll{height:50px;}
.page .controll .toolbar{float:right;margin-top:10px;margin-right:20px;}

/* search */

.search{margin-top:10px;}
.search .conditions{clear:both;margin-left:20px;}
.search .conditions span{float:left;padding:5px;}
.search .conditions ul{float:left;}
.search .conditions ul li{list-style:none;padding:5px;float:left;background:#eee;margin-right:10px;margin-bottom:5px;}

/* content */

.page .content{margin-top:10px;}

/* end of page style */

/* phone style */
@media screen and (max-width:801px) { 
.desktop{display:none;}
.phone {display:block;}
.right-panel{width:100%;min-height:600px;overflow:hidden;}
.login{width:100%;margin:0px auto;}
}
/* end of phone style */

/* desktop style */
@media screen and (min-width:800) { 
.desktop{display:block;}
.phone {display:none;}
.right-panel{width:80%;min-height:600px;overflow:hidden;}
.login{width:28%;}
}
/* end of desktop style */